#professor{
    position: relative;
    height: calc(100% - 70px);
    margin-top: 80px;
    color:#000;
}

.professor-content {
    margin: 0 5%;
    height: 100%;
}
    /* 标题 */
    .pro-title{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        color:#fff;
        
    }
    .pro-title hr,.pro-detail-content hr {
        left: 0;
        position: absolute;
        margin: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        border-top:2px dashed rgba(255, 255, 255, 0.5);
    }
    .pro-title span{
        display: inline-block;
        font-size: 2em;
        width: 200px;
        height: 50px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 5px;
        text-align: center;
        background: rgba(255, 255, 255, 0.2);
    }
    /* 内容 */
    .pro-content{
        display: grid;
        grid-template-columns : 60px auto 60px;
        grid-template-rows:100%;
        height: calc(100% - 140px);
        padding: 4% 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.6);
    }
    .pro-left{
        position: relative;
        /* background: #faf; */
        grid-column: 1;
        grid-row: 1;
    }
    .pro-right{
        position: relative;
        /* background: #aaf; */
        grid-column: 3;
        grid-row: 1;
    }
    /* 轮播按钮 */
    .pro-right .turnBtn,.pro-left .turnBtn{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        width: 33px;
        height: 107px;
        cursor: pointer;
    }
    .pro-right .turnBtn{
        background: url('../../images/proRight.png');
        left: 0;
    }
    .pro-left .turnBtn {
        background: url('../../images/proLeft.png');
        right:0;
    }

        /* 内容容器 */
        .pro-center {
            /* background: #ffa; */
            grid-column: 2;
            grid-row: 1;
            padding: 0 40px;
        }

            .pro-center-content {
                display:grid;
                grid-template-columns: 1fr 1fr 1fr;
                grid-template-rows: 1fr 1fr 1fr;
                grid-column-gap: 50px;
                grid-row-gap: 15px;
                /* grid-gap: 10px; */

                width: 100%;
                height: 100%;
            }

            .pro-center-content-item {
                /* display: inline-block; */
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                /* background: #ddd; */
            }
            .item1{
                grid-row:1;
                grid-column: 1;
            }
            .item2 {
                grid-row: 1;
                grid-column: 2;
            }
            .item3 {
                grid-row: 1;
                grid-column: 3;
            }
            .item4 {
                grid-row: 2;
                grid-column: 1;
            }
            .item5 {
                grid-row: 2;
                grid-column: 2;
            }
            .item6 {
                grid-row: 2;
                grid-column: 3;
            }
            .item7 {
                grid-row: 3;
                grid-column: 1;
            }
            .item8 {
                grid-row: 3;
                grid-column: 2;
            }
            .item9 {
                grid-row: 3;
                grid-column: 3;
            }

            .pro-center-content-item .item-card {
                width: 100%;
                height: 170px;
                background: inherit;
                background-color: rgba(204, 204, 204, 1);
                box-sizing: border-box;
                border-width: 1px;
                border-style: solid;
                border-color: rgba(121, 121, 121, 1);
                border-radius: 11px;
                box-shadow: 0px 0px 10px rgba(51, 0, 153, 0.35);
                position: relative;
                cursor: pointer;
            }
            .item-card-pic{
                border-width: 0px;
                position: absolute;
                left: 10px;
                top: 10px;
                width: 117px;
                height: 148px;
            }
            .item-card-pic img{
                width: 100%;
                height: 100%;
            }
            .item-card-text{
                border-width: 0px;
                font-size: 1.2em;
                position: absolute;
                left: 137px;
                top: 50%;
                transform: translateY(-50%);

                width: 192px;
                word-wrap: break-word;
                /* background: #00f; */
                color:#000;
            }
            /* 专家详情信息 */
            .pro-detail-content{
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                padding: 3%;
                background: rgba(242, 242, 242, 0.7);
                width:100%;
                height: calc(100% - 40px);
                
            }
            /* 关闭按钮 */
            .pro-detail-closbtn{
                position: absolute;
                right: 20px;
                top: 10px;
                width: 30px;
                height: 30px;
                cursor: pointer;
            }
            .closbtn-icon{
                position: relative;
                left: 12px;
                top: 3px;
                width:0.4em;
                height:1.8em;
                background: #fff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                display: inline-block;
            }
            .closbtn-icon::after{
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width:0.4em;
                height:1.8em;
                background: #fff;
                -webkit-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                transform: rotate(270deg);
            }
            /* 信息上部 */
            .pro-detail-info{
                display: flex;
                height: 50%;
                padding: 1% 1% 3% 1%;
            }
            
            .pro-detail-info-pic{
                flex-basis:270px;
                float: left;
                height: 100%;
            }
            .pro-detail-info-pic img{
                
                height: 100%;
            }
            .pro-detail-info-right{
                flex: 1;
            }
            .pro-detail-info-tag,.pro-detail-news-tag{
                width: 185px;
                height: 45px;
                background: inherit;
                background-color: rgba(255, 255, 255, 0.6);
                border-radius: 6px;
                line-height: 45px;
                text-align: center;
                float: left;
                margin: 10px 50px;
            }
            .pro-detail-info-tag::after,.pro-detail-news-tag::after{
                content:'';
                position: absolute;
                right: -40px;
                top: 0;
                width: 31px;
                height: 45px;
                background: url('../../images/proTag.png')
            }
            .pro-detail-info-tag  span,.pro-detail-news-tag span{
                font-size: 1.4em;
            }
            .pro-detail-info-text{
                padding:0 50px;
                display: flex;
                align-items:center;
                justify-content: center;
                width:100%;
                height:calc(100% - 65px);
            }
            .pro-detail-info-text p{
                font-size: 1.2em;
            }

            /* 信息下部 */
            .pro-detail-news{
                display: flex;
                padding: 2% 1% 1% 1%;
                height: 50%;
            }
            .pro-detail-news-QRcode{
                flex-basis:270px;
                height: 100%;
                /* background:#ff0; */
            }   
            .pro-detail-news-QRcode div{
                margin-left: auto;
                margin-right: auto;
            }
                .pro-detail-news-QRcode-btn{
                    width: 211px;
                    height: 66px;
                    background: url('../../images/pro-detail-news-QRcode-btn.png');
                    cursor: pointer;
                }
                .pro-detail-news-QRcode-code{
                    width: 100px;
                    height: 100px;
                    margin: 20px 0;
                    background: url('../../images/pro-detail-news-QRcode-code.png');
                    background-size: 100% 100%;
                    cursor: pointer;
                }
                .pro-detail-news-QRcode-text{
                    text-align: center;
                    margin: 10px 0;
                    font-size: 1.2em;
                }
            .pro-detail-news-tags{
                flex-basis:285px;
                height: 100%;
                /* background:#00f; */
            }
            .pro-detail-news-QA{
                overflow: hidden;
                flex: 1;
                height: 100%;
                /* background:#0f0; */
            }
                .pro-detail-news-QA-content{
                    height: 100%;
                    background: #fff;
                    border-radius: 10px;
                    margin-left: 40px;
                }
                .pro-detail-news-QA-item{
                    font-size: 1.1em;
                    padding: 0 10px 0 10px;
                }
                .pro-detail-news-Q,.pro-detail-news-A{
                    padding-left: 20px;
                    padding-right: 200px;
                    position: relative;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    margin: 10px 0;
                }
                .pro-detail-news-Q::before,.pro-detail-news-A::before{
                    position: absolute;
                    left: 0px;
                    top: 0px;;
                    width: 20px;
                    height: 20px;
                }
                .pro-detail-news-Q::before{
                    content: 'Q：';
                }
                .pro-detail-news-A::before {
                    content: 'A：';
                }
                .pro-detail-news-data{
                    position: absolute;
                    right:0px;
                }